//头部
.mmm_header {
  display: flex;

  .header-logo,
  .header-link {
    width: 2rem;
  }

  h1.middle {
    flex: 1;
    text-align: center;
    line-height: 2rem;
    font-size: .8rem;
    color: #fff;
    font-weight: 700;
  }
}

//内容部分
.mmm_main {
  .inner-content {

    // 信息部分
    .cu-content {
      padding: .16rem .4rem;
      background: #FFF;

      .title {
        font-size: 18px;
        margin: 10px auto 5px;
        font-weight: 800;
        text-align: left;
        text-align-last: left;
        word-break: break-all;
        color: #5a5a5a;
        line-height: normal;
      }

      .info {
        color: #999;
        vertical-align: middle;
      }

      .content {
        img {
          width: 4.8rem;
          height: 4.8rem;
          float: right;
        }

        .conn {
          p {
            margin: .12rem auto;
            font-size: .64rem;
            line-height: .96rem;
            color: #606060;
            word-break: break-all;
          }
        }
      }

      &>a {
        display: block;
        margin: .8rem .4rem;
        background: #FF9000;
        height: 1.2rem;
        border-radius: .08rem;
        line-height: 1.2rem;
        text-align: center;
        font-size: .56rem;
        color: #fff;
      }
    }
  }

  //评论部分
  .cu-content-pl {
    .tit {
      font-size: .64rem;
      padding: .24rem .32rem;
    }

    .reply {
      padding: .24rem .32rem;

      .form {
        border: 2px solid #ECEAE8;
        border-radius: 2px;
        padding: 4px 0 0 4px;
        background-color: #fff;
        position: relative;
        width: 98%;
        margin: 0 auto;

        .ctrl {
          background-color: #fbfbfb;
          height: 36px;
          margin-left: -4px;
          border-top: solid 1px #f2f2f2;

          input {
            position: absolute;
            right: -2px;
            bottom: -2px;
            background: #ff841d;
            border: none;
            border: 2px solid #ff841d;
            border-left: none;
            border-top: none;
            padding: 0;
            width: 100px;
            height: 39px;
            color: #fff;
            outline: 0;
            border-radius: 0 0 2px;
            font-size: 16px;
          }
        }
      }
    }

    .list {
      ul {
        li {
          padding: .72rem .4rem;
          background-color: #FFF;

          img {
            width: 1.6rem;
            float: left;
            overflow: hidden;
          }

          .con {
            overflow: hidden;
            padding-left: .2rem;

            .name {
              margin-bottom: .12rem;

              .username {
                color: #5997c0;
                font-size: .52rem;
                float: left;
              }

              .time {
                color: #999;
                font-size: .52rem;
                float: right;
              }
            }

            .content {
              word-break: break-all;
              font-size: .6rem;
              color: #606060;
              line-height: .8rem;
            }
          }
        }
      }
    }
  }
}